.questionnaire-paper {
  background-color: #fff;
  box-sizing: border-box;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 57.5rem;
  padding: 2.5rem 0;
}

.questionnaire-content {
  width: 82%;
  margin-left: auto;
  margin-right: auto;

  .title.el-input .el-input__inner {
    color: #5a83e5;
    text-align: center;
    border: none;
    border-bottom: 2px dashed transparent;
    font-size: 1.5rem;
    font-weight: 600;
    &:hover:not([readonly]) { border-color: #C0C4CC; }
    &:focus:not([readonly]) { border-color: #409EFF; }
  }

  .desc.el-textarea .el-textarea__inner {
    border: none;
    resize:none;
    border-bottom: 1px dashed #ccc;
    font-family: inherit;
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;
    &:hover:not([readonly]) { border-color: #707070; }
    &:focus:not([readonly]) { border-color: #409EFF; }
  }

  .column {
    &.el-radio-group, &.el-checkbox-group {
      display: flex;
      position: relative;
      flex-direction: column;

      .el-input { width: unset; }
    }
    &.el-radio-group .el-radio { line-height: 40px; }
  }

  .question-options {
    visibility: hidden;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
  }
  .question-item:hover .question-options { visibility: visible; }

  .question-edit-container {
    background-color: #f7f7f7;
    padding: 1rem;

    .el-button--mini { padding: .375rem .75rem; }
    .el-button+.el-button { margin-left: 0; }
    .option-item+.option-item { margin-top: .3125rem; }
    .el-checkbox.is-bordered {
      padding: .375rem .75rem;
      line-height: 1;
      .el-checkbox__label { padding-left: 5px; }
    }

    .option-btn:hover {
      &.primary {
        color: #409eff;
        background: #ecf5ff;
        border-color: #b3d8ff;
      }
      &.danger {
        color: #f56c6c;
        background: #fef0f0;
        border-color: #fbc4c4;
      }
      &.success {
        color: #67c23a;
        background: #f0f9eb;
        border-color: #c2e7b0;
      }
    }
  }
}
